@charset "utf-8";
@import "utils";

/*@import "common";*/


/*@import "reset";*/

@import "animate";
.indexWeb {
    @include web;
    //头部样式引入
    .indexHeader {
        z-index: 4;
    }
    .indexContent {
        padding-top: r(40);
        @include midContent;
        //二级菜单    
        .subMenu {
            float: right;
            font-size: 0;
            width: 90%;
            height: r(40);
            margin-top: r(30);
            overflow: hidden;
            position: relative;
            ul {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                text-align: right;
                white-space: nowrap;
                overflow-x: auto;
                overflow-y: hidden;
                height: 140%;
            }
            li {
                margin-top: r(10);
                font-size: r(20+8);
                line-height: r(20);
                color: #cc8f7b;
                padding: 0 r(32);
                text-align: center;
                display: inline-block;
                border-right: 1px solid #cc8f7b;
            }
            li:last-of-type {
                border: none;
            }
        }
        //轮播
        .lunbo {
            overflow: hidden;
            position: relative;
            margin-top: r(30);
            ul {
                li {
                    width: 100%;
                    height: r(373);
                    //                  position: relative;
                    overflow: hidden;
                    a {
                        display: inline-block;
                        width: 100%;
                        height: 100%;
                    }
                    img {
                        width: 100%;
                        @include abCenter;
                    }
                }
            }
            .swiper-button-prev,
            .swiper-button-next {
                font-size: r(30+8);
                left: 45%;
                bottom: r(10);
                top: auto;
                background: none;
                color: #f19272;
                width: auto;
                height: auto;
                z-index: 1;
            }
            .swiper-button-next {
                left: auto;
                right: 45%;
            }
        }
        //产品标题
        .proTitle {
            margin-top: r(75);
            position: relative;
            font-size: r(28+8);
            text-align: center;
            color: #e39d88;
            letter-spacing: r(2);
            &::before {
                content: "";
                display: block;
                width: r(80);
                height: r(6);
                background: #e39d88;
                position: absolute;
                top: -15px;
                left: 50%;
                transform: translateX(-50%);
            }
        }
        //产品显示
        .proShow {
            margin-top: r(25);
            text-align: justify;
            font-size: 0;
            li {
                border-radius: r(8);
                display: inline-block;
                width: r(315);
                height: r(205);
                margin: 0 r(18);
                margin-top: r(35);
                position: relative;
                overflow: hidden;
                a {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                }
                img {
                    width: 100%;
                    @include abCenter;
                }
            }
        }
        .proShow2 {
            li {
                width: r(315);
                height: r(315);
                p {
                    position: absolute;
                    left: 0;
                    top: r(240);
                    width: 75%;
                    background: rgba(255, 255, 255, .3);
                    height: r(42);
                    line-height: r(42);
                    padding-left: r(20);
                    padding-right: r(10);
                    box-sizing: border-box;
                    overflow: hidden;
                    font-size: r(20+8);
                    color: white;
                }
            }
        }
        //按钮
        .seeMore {
            width: r(460);
            height: r(58);
            line-height: r(58);
            margin: 0 auto;
            margin-top: r(74);
            text-align: center;
            border: 2px solid #808180;
            color: #808180;
            font-size: r(16+8);
            letter-spacing: r(1);
        }
        .proShow2+hr {
            background: #e1e1e1;
            margin-top: r(60);
            margin-bottom: r(50);
        }
        .proShow3 {
            text-align: justify;
            font-size: 0;
            li {
                margin: 0 r(8);
                margin-top: r(20);
                border-radius: r(8);
                position: relative;
                width: r(219);
                height: r(219);
                display: inline-block;
                overflow: hidden;
                a {
                    display: inline-block;
                    width: 100%;
                    height: 100%;
                }
                img {
                    width: 100%;
                    @include abCenter;
                }
            }
        }
    }
    //底部引入
}